<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>答题界面</title>
<link rel="stylesheet" href="css/b-style.css">
<link rel="stylesheet" href="css/ipad-style.css" media="screen and (max-width:980px)">
<link rel="stylesheet" href="css/mobile-style.css" media="screen and (max-width:640px)">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		
		//倒计时
		var s = 89;
		var f = 60;
		var timer = null;
		$(window).load(function(e) {
            timer = setInterval(function(){
				f--;
				$('.second').html(f);
				if(f < 0){
					s--;
					$('.minute').html(s);
					f=59;
					$('.second').html(f);		
								
				};
				if(s<=5){
					$('.second').css({"font-size":"16px","color":"red","font-weight":"700"});
					$('.minute').css({"font-size":"16px","color":"red","font-weight":"700"});
				};
				if(s < 0){
					$('.popup03').show();
					s=0;
					f=0;
					$('.minute').html(s);
					$('.second').html(f);
					clearInterval(timer);
					
				}
			
			},1000);
			
        });	
		
		//提交
		$('#submit01').click(function(e) {
            $('.popup01').show();	
        });
		$('.undone').click(function(e) {
			$('.popup02').show();
            $('.popup01').hide();
        });
		$('.submit02').click(function(e) {
            $('.popup04').show();
            $('.popup01').hide();
        });
		$('.goOn01').click(function(e) {
            $('.popup02').hide();
        });
		$('.ensure01').click(function(e) {
            $('.popup03').show();
            $('.popup02').hide();
        });
		$('.ensure02').click(function(e) {
            $('.popup03').hide();
        });
		$('.ensure03').click(function(e) {
            $('.popup03').show();
			$('.popup04').hide();
        });
		$('.goOn02').click(function(e) {
            $('.popup04').hide();
        });
		
		
		
		
		
	})


</script>

</head>
<div class="header cheader">
	<h1><a href="#">松大竞赛</a></h1>
  <ul>
    	<li class="li1"><a href="#">登录</a></li>
        <li class="li2"><a href="#">注册</a></li>
    </ul>
</div>


<div class="outside clearfix">
	<div class="left">
    	<p>
        	<span class="sp1">姓名：</span><span class="sp2 name">王五</span>
        </p>
        <p>
        	<span class="sp1">考号：</span><span class="sp2 cardNum">43251111111111111</span>
        </p>
        <p class="p3">
        	<span class="sp1">学校：</span><span class="sp2 school">长沙职业技术学院</span>
        </p>
        <p class="p4">
        	<span class="sp1">专业：</span><span class="sp2 major">建筑工程</span>
        </p>
    	
    </div>
    <div class="right">
    	<div class="top">
        	<!--进度条-->
        	<div class="plan">
            	<div class="color">
                	<span></span>
                </div>
                <span>10%</span>
            </div>
            
            <div class="timer">
            	<p>倒计时：<span class="minute">89</span>:<span class="second">60</span></p>
            </div>
            
            </p>
        </div>
        
        <div class="test">
        	<div class="subject">
            
            	<p class="firstTitle">一、单选题（30）</p>
                <p class="secondTitle">1、三级安全教育是指哪三级?（）  （1分）</p>
                <p class="option">
                    <input type="radio" name="d101" />A.企业法定代表人、项目负责人、班组长<br/>
                    <input type="radio" name="d101" />B.公司、项目、班组<br/>
                    <input type="radio" name="d101"/>C.总包单位、分包单位、工程项目<br/>
                    <input type="radio" name="d101"/>D.分包单位、工程项目、班组
                </p>
                
            
            </div>
            
            <div class="subject">
            
            	<p class="firstTitle"> </p>
                <p class="secondTitle">2、三级安全教育是指哪三级?（）  （1分）</p>
                <p class="option">
                    <input type="radio" name="d102" />A.企业法定代表人、项目负责人、班组长<br/>
                    <input type="radio" name="d102" />B.公司、项目、班组<br/>
                    <input type="radio" name="d102"/>C.总包单位、分包单位、工程项目<br/>
                    <input type="radio" name="d102"/>D.分包单位、工程项目、班组
                </p>
                
            
            </div>
            
            <div class="subject">
            
            	<p class="firstTitle">二、多选题 （30分）</p>
                <p class="secondTitle">1、一个完整的项目分为（）（）（）（）几个阶段。 （1分）</p>
                <p class="option">
                    <input type="checkbox" name="d201"/>A.施工准备阶段班组长<br/>
                    <input type="checkbox" name="d201" />B.安装调试阶段<br/>
                    <input type="checkbox" name="d201" />C.竣工验收阶段程项目<br/>
                    <input type="checkbox" name="d201"/>D.竣工验收阶段
                </p>
                
            
            </div>
            
            <div class="subject">
            
            	<p class="firstTitle">三、判断题 （30分）</p>
                <p class="secondTitle">1、安全员组织开展施工安全教育，定期或不定期进行安全检查。 （1分）</p>
                <p class="option">
                    <input type="radio" name="p01" />正确 &nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="p01" />错误
                </p>
                
            
            </div>
        
        </div>
        <div class="bottom">
        	<a href="#" class="t" id="submit01">提交</a>
            <!--弹出窗口01-->
            <div class="popup01">
            	<a href="javascript:;" class="undone">还有题目未做完</a>
                <a href="javascript:;" class="submit02">提交</a>
            
            </div>
        
        </div>
    
    
    </div>


</div>
<!--弹出窗口02-->
<div class="popup02">
	<div class="popup2">
        <p class="title">题目未答完</p>
        <div>
            <p class="hint">还有题目没有做完确定提交吗</p>
            <a href="javascript:;" class="ensure01">确定</a>
            <a href="javascript:;" class="goOn01">继续做</a>
        </div>
	</div>
</div>

<!--弹窗03-->
<div class="popup03">
	<div class="popup3">
        <p>提交成功</p>
        <a href="index.html" class="ensure02">确定</a>
    </div>
</div>

<!--弹窗04-->
<div class="popup04">
	<div class="popup4">
        <p class="title">提交</p>
        <div>
            <p class="hint">确定提交吗</p>
            <a href="javascript:;" class="ensure03">确定</a>
            <a href="javascript:;" class="goOn02">继续做</a>
        </div>
    </div>

</div>

<div class="footer">
	<div class="f_nav">
    	<span></span>
    	<ul>
        	<li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">联系我们</a></li>
            <li><a href="javascript:;">常见问题</a></li>
            <li><a href="javascript:;">通知公告</a></li>
            <li><a href="javascript:;">使用帮助</a></li>
        </ul>
    </div>
    <p>Copyright © 2011-2020   深圳市松大科技有限公司  版权所有  保留一切权利  粤ICP备11037362号 |粤ICP备11037362号-1</p>
</div>

<body>
</body>
</html>
